<template>
  <div>
    <el-menu-item style="padding: 0;height: 65px">
      <div id="Friend">
        <div class="box1">
          <el-avatar shape="square" :size="45" :src="info.url==null?'':info.url"></el-avatar>
        </div>
        <span class="span1">{{ info.name == null ? '' : info.name }}</span>
      </div>
    </el-menu-item>
  </div>
</template>

<script>
export default {
  name: "Pal",
  props: {
    info: {}
  },
}
</script>

<style scoped>
#Friend {
  display: flex;
  border-bottom: 1px solid #dfdcdb;
  /*指定阴影*/
  height: 64px;
}

#Friend:hover {
  background-color: #dfdcdb;
}

.box1 {
  float: left;
  width: 60px;
  padding-top: 3px;
  padding-left: 10px;
}

.span1 {
  font-size: 15px;
  padding-left: 25px;
  padding-top: 7px;
  font-family: 微软雅黑;
}
</style>
